import React from 'react';

// 组件导入导出演示
export class Hello extends React.Component {
  state = {
    hello: 'hello',
  };

  render() {
    return (
      <div>
        <input value={this.state.hello}></input>Hello 文件类组件
      </div>
    );
  }
}

export const Hello2 = () => {
  return <div>Hello2 文件函数组件</div>;
};

// 正确
const HelloObj = { Hello, Hello2 };
export default HelloObj;

// export { Hello, Hello2 };
// 警告
// export default { Hello, Hello2 };
// 总结原因就是 webpack 有关、模块的解构和对象解构还是有些不同
